import React from 'react';
// 基础组件
import ButtonTutorial from '../tutorials/01-basic/01-Button';
import TypographyTutorial from '../tutorials/01-basic/02-Typography';
import IconTutorial from '../tutorials/01-basic/03-Icon';
import SpaceTutorial from '../tutorials/01-basic/04-Space';
// 布局组件
import GridTutorial from '../tutorials/02-layout/01-Grid';
import LayoutTutorial from '../tutorials/02-layout/02-Layout';
// 表单组件
import BasicFormTutorial from '../tutorials/03-form/01-BasicForm';
import AdvancedFormTutorial from '../tutorials/03-form/02-AdvancedForm';
import TableTutorial from '../tutorials/04-data/01-Table';
import ListTutorial from '../tutorials/04-data/02-List';
import TreeTutorial from '../tutorials/04-data/03-Tree';

// 教程路由配置
export const routes = [
  // 基础组件路由
  {
    path: '/basic/button',
    element: <ButtonTutorial />,
  },
  {
    path: '/basic/typography',
    element: <TypographyTutorial />,
  },
  {
    path: '/basic/icon',
    element: <IconTutorial />,
  },
  {
    path: '/basic/space',
    element: <SpaceTutorial />,
  },
  // 布局组件路由
  {
    path: '/layout/grid',
    element: <GridTutorial />,
  },
  {
    path: '/layout/layout',
    element: <LayoutTutorial />,
  },
  // 表单组件路由
  {
    path: '/form/basic-form',
    element: <BasicFormTutorial />,
  },
  {
    path: '/form/advanced-form',
    element: <AdvancedFormTutorial />,
  },
  {
    path: '/data/table',
    element: <TableTutorial />,
  },
  {
    path: '/data/list',
    element: <ListTutorial />,
  },
  {
    path: '/data/tree',
    element: <TreeTutorial />,
  },
]; 